<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>抽奖活动</title>
    <link rel="stylesheet" href='../scss/index.min.css'>

</head>

<body>
    <div class="web">
        <header>
            <nav>
                <div class="navLeft">
                    <div class="logo">
                        <img src="../img/logo_03.png" alt="">
                    </div>
                    <ul>
                        <li><a href="#" class="active">合约交易</a></li>
                        <li><a href="#">货币交易</a></li>
                        <li><a href="#">模拟交易</a></li>
                        <li><a href="#">活动中心</a></li>
                        <li><a href="#">交易挖矿</a></li>
                    </ul>
                </div>
                <div class="navRight">
                    <div class="navLink">
                        <a href="#">登录</a>
                        <a href="#">注册</a>
                        <a href="#">帮助中心</a>
                    </div>
                    <select>
                        <option value="0">简体中文</option>
                        <option value="1">英文</option>
                    </select>
                </div>
            </nav>
        </header>
        <main>
            <section class="slideBox">
                <div class="sildeCenter">
                    <div class="sildeTop">
                        <!-- 游戏名称 -->
                        <div class="tryGame">        
                        </div>
                        <div class="more">
                            <div class="textBox">
                                <p class="title">我们能给</p>
                                <h5>客户带来的利益</h5>
                                <!-- 游戏描述 -->
                                <div class="des"></div>
                            </div>
                            <button>了解更多</button>
                        </div>
                    </div>
                    <!-- 游戏图片 -->
                    <div class="silde">
                        <div class="sildeBox">
                            <div class="itemBox"></div>
                        </div>
                    </div>
                    <!-- 游戏下载图标 -->
                    <div class="slideNav">
                        
                    </div>
                </div>
            </section>
            <section class="luckyDraw">
                <div class="luckyDrawTop">
                    <div class="silde">
                        <div class="item">
                            <i class="iconfont icon-lingdang"></i>
                            <p>恭喜1 <span> 140***10</span>用户抽中<span class="shop">3888TD</span></p>
                        </div>
                        <div class="item">
                            <i class="iconfont icon-lingdang"></i>
                            <p>恭喜2 <span> 130***10</span>用户抽中<span class="shop">3888TD</span></p>
                        </div>
                        <div class="item">
                            <i class="iconfont icon-lingdang"></i>
                            <p>恭喜3 <span> 144***10</span>用户抽中<span class="shop">3888TD</span></p>
                        </div>
                        <div class="item">
                            <i class="iconfont icon-lingdang"></i>
                            <p>恭喜4<span> 141***10</span>用户抽中<span class="shop">3888TD</span></p>
                        </div>
                    </div>
                </div>
                <div class="luckyDrawBottom">
                    <!-- 转盘 -->
                    <div class="rotaryTable">
                        <div class="bigBoder">
                            <div class="middleBoder">
                                <div class="smallBorder">
                                    <!-- 转盘 -->
                                    <div class="discBox"></div>
                                    <div class="luckyDrawBtnBorder">
                                        <div class="luckyDrawBtnSmallBorder">
                                            <div class="luckyDrawBtn">点击抽奖</div>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 右侧信息栏 -->
                    <div class="results">
                        <div class="prompt">
                            <p>今天还有<span class="LotteryNumber">4</span>次抽奖机会</p>
                        </div>
                        <div class="resultsBox">
                            <div class="title">
                                <p>抽奖时间</p>
                                <p>抽奖结果</p>
                            </div>
                            <div class="resultsNav">
                                <ul>
                                    <li>
                                        <p class="time">
                                            2018.7.23 18:30
                                        </p>
                                        <p class="result">0.1BTC</p>
                                    </li>
                                    <li>
                                        <p class="time">
                                            2018.7.23 18:30
                                        </p>
                                        <p class="result">0.1BTC</p>
                                    </li>
                                    <li>
                                        <p class="time">
                                            2018.7.23 18:30
                                        </p>
                                        <p class="result">0.1BTC</p>
                                    </li>
                                    <li>
                                        <p class="time">
                                            2018.7.23 18:30
                                        </p>
                                        <p class="result">0.1BTC</p>
                                    </li>
                                    <li>
                                        <p class="time">
                                            2018.7.23 18:30
                                        </p>
                                        <p class="result">0.1BTC</p>
                                    </li>
                                    <li>
                                        <p class="time">
                                            2018.7.23 18:30
                                        </p>
                                        <p class="result">0.1BTC</p>
                                    </li>
                                    <li>
                                        <p class="time">
                                            2018.7.23 18:30
                                        </p>
                                        <p class="result">0.1BTC</p>
                                    </li>
                                    <li>
                                        <p class="time">
                                            2018.7.23 18:30
                                        </p>
                                        <p class="result">0.1BTC</p>
                                    </li>
                                    <li>
                                        <p class="time">
                                            2018.7.23 18:30
                                        </p>
                                        <p class="result">0.1BTC</p>
                                    </li>
                                    <li>
                                        <p class="time">
                                            2018.7.23 18:30
                                        </p>
                                        <p class="result">0.1BTC</p>
                                    </li>
                                    <li>
                                        <p class="time">
                                            2018.7.23 18:30
                                        </p>
                                        <p class="result">0.1BTC</p>
                                    </li>
                                    <li>
                                        <p class="time">
                                            2018.7.23 18:30
                                        </p>
                                        <p class="result">0.1BTC</p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <section class="rules">
                <h3>活动规则</h3>
                <ol>
                    <li>
                        <p>1.活动时间：<span>中国时间2018年12月15日12:00:00 —— 2018年12月26日12:00:00；</span></p>
                    </li>
                    <li>
                        <p>2.活动期间，用户每天凡充值BTC或交易即可参与大转盘抽奖活动，充值和交易操作累计获得两次抽奖机会，<span>每天共可抽奖4次；</span></p>
                    </li>
                    <li>
                        <p>3.奖品发放时间：BTC、TD奖励会在活动结束后的5个工作日内发放至账户，iPhone
                            XR、iPad奖品请活动结束后的5个工作日与客服微信联系：<span>TDEx_01、TDEx001</span>；</p>
                    </li>
                    <li>
                        <p>4.如发现恶意充值和交易、多账号刷量、互刷等作弊行为，将取消活动资格及奖励；</p>
                    </li>
                    <li>
                        <p>5.本活动最终解释权归TDEx所有。</p>
                    </li>
                </ol>
            </section>
            <!-- 中奖提示框 -->
            <div class="mask">
                <div class="dialog">
                    <div class="prompt">
                        <span>恭喜你</sapn>
                    </div>
                    <div class="shop">
                        <h3>获得<span>888TD</span></h3>
                        <div class="imgBox">
                            <img src="../img/td.png" alt="">
                        </div>
                    </div>
                    <button>好的</button>
                    <a href="javascript:;" class="close">x</a>
                </div>
            </div>
        </main>
        <footer>
            <div class="footerBox">
                <div class="footerLeft">
                    <dl>
                        <dt>
                            服务支持
                        </dt>
                        <dd>API文档</dd>
                        <dd>WebSocket API文档</dd>
                        <dd>帮助中心</dd>
                    </dl>
                    <dl>
                        <dt>
                            联系我们
                        </dt>
                        <dd>问题反馈</dd>
                        <dd>中文电报群</dd>
                        <dd>英文电报群</dd>
                        <dd>API 电报群</dd>
                    </dl>
                    <dl>
                        <dt>
                            相关下载
                        </dt>
                        <dd>API 下载</dd>
                        <dd>MacOS客户端下载</dd>
                        <dd>PC客户端下载</dd>
                    </dl>
                </div>
                <div class="footerRight">
                    <div class="footerLogo">
                        <img src="../img/footerLogo_03.png" alt="">
                    </div>
                    <div class="nav">
                        <a href="#">
                            <i class="iconfont icon-zhifeiji"></i>
                        </a>
                        <a href="#">
                            <i class="iconfont icon-twitter-fill"></i>
                        </a>
                        <a href="#">
                            <i class="iconfont icon-xinlangweibo"></i>
                        </a>
                        <a href="#">
                            <i class="iconfont icon-facebook"></i>
                        </a>
                    </div>
                    <p>Copyright&copy; TDEx TRADING LTD 版权所有</p>
                </div>
            </div>
        </footer>
    </div>
</body>
<script src="../js/index.js"></script>

</html>